<template>
    <div class="banr">
        <div class="banr-l">
            <div class="tip1">
                <!-- 免费，直到您准备好走得更远 -->
                {{ $t("message.Baner.a") }}
            </div>
            <div class="tip2">
                <!-- 谋定了解所有市场的表现 -->
                {{ $t("message.Baner.b") }}
            </div>
            <div class="tip2">
                <!-- 后动使用我们的高级交易工具来把握时机 -->
                {{ $t("message.Baner.c") }}
            </div>
        </div>
        <div class="banr-r">
            <div class="bar-1">
                <!-- $ 0 永遠 -->
                {{ $t("message.Baner.d") }}
            </div>
            <v-btn class="bar-btn" color="primary" @click="onRegister">
                <!-- 注册 -->
                {{ $t("message.Baner.f") }}
            </v-btn>
            <div class="bar-2 c-title-5">
                <!-- 已有账号？ -->
                {{ $t("message.Baner.g") }}
                <span class="main-color" @click="onLogin">
                    <!-- 登陆 -->
                    {{ $t("message.Baner.h") }}
                </span>
            </div>
        </div>
    </div>
</template>

<script lang="ts" setup>
import { ref, reactive, onMounted, computed } from "vue";
import { useAccount } from "@/stores/account";
import i18n from "@/locals";

const account = useAccount();

const myAccount = ref("1221223@google.com");

const onFacebook = () => {
    account.changePopBindFacebook(true);
};

const items = ref([
    {
        // title: "主頁",
        title: i18n.global.t("message.Global.Home"),
        disabled: false,
        href: "/"
    },
    {
        // title: "獎勵中心",
        title: i18n.global.t("message.Global.child.d"),
        disabled: true,
        href: ""
    }
]);

const onLogin = () => {
    account.changePopLogin(true);
};
const onRegister = () => {
    account.changePopRegister(true);
};
</script>

<style lang="less" scoped>
@import url("./index.less");
</style>
